
.container{
    background-color: $white;
    min-height: 100vh;
}
.container-box{
    padding: 0 30rpx 300rpx 30rpx;
}
.case{
    background-color: white;
    padding:30rpx;
    border-radius: 8rpx;
    display: flex;
    margin-top: 24rpx;
    position: relative;
}
.case-avatar{
    @include roundImage(98rpx);
    margin-right: 20rpx;
}

.case-title{
    font-size: $font-normal;
}

.msg-row{
    margin-top: 18rpx;
    .key{
        color: $grey;
    }
}
.case-label{
    position: absolute;
    right: 30rpx;
    top: 30rpx;
    &.red{
        color: $red;    
    }
    &.yellow{
        color:#FFC768;
    }
    &.grey{
        color: #9497B1;
    }
}

.tips{
    position: fixed;
    height: 72rpx;
    line-height: 72rpx;
    color: #FF7E68;
    font-size: 20rpx;
    bottom: 135rpx;
    width: 100vw;
    left: 0;
    background: #FFF2EF;
    padding-bottom: calc(20rpx + constant(safe-area-inset-bottom));
    padding-bottom: calc(20rpx + env(safe-area-inset-bottom));
    .text{
        margin-left: 30rpx;
    }
}
